<template>
  <div class="app-container">
    <h2 style="font-size: 20px" align="center">修改个人资料</h2>
    <el-divider></el-divider>

    <div class="block" style="margin-left: 630px">
      <el-avatar shape="square" :size="100"></el-avatar>
    </div>

    <div style="margin: 20px;"></div>
    <el-form label-width="80px" style="margin-right: 20px">
      <el-form-item label="昵称">
        <el-input style="width: 700px"></el-input>
      </el-form-item>
      <el-form-item label="密码">
        <el-input style="width: 700px"></el-input>
      </el-form-item>
      <el-form-item label="确认密码">
        <el-input style="width: 700px"></el-input>
      </el-form-item>
      <el-form-item label="年龄">
        <el-input style="width: 100px"></el-input>
      </el-form-item>
    </el-form>

    <div style="margin-left:30px">
      性别：
      <el-radio  label="1">男</el-radio>
      <el-radio  label="2">女</el-radio>
    </div>

    <el-row style="margin-left: 630px">
      <el-button type="primary">保存</el-button>
      <el-button type="info">取消</el-button>
    </el-row>

    <el-divider></el-divider>
  </div>
</template>

<script>
export default {
  name: "center"
}
</script>

<style>

</style>
